<%--
  Created by IntelliJ IDEA.
  User: You
  Date: 2020/5/16
  Time: 17:19
  To change this template use File | Settings | File Templates.
--%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" import="java.util.*,com.xingyun.info_manager.entity.*"
         pageEncoding="UTF-8" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>患者信息登记系统</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <!-- 引入公共头区域 -->
        <%@include file="commen/head.jsp" %>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 引入左侧导航区域（可配合layui已有的垂直导航） -->
            <%@include file="commen/menu.jsp" %>
        </div>
    </div>

    <div class="layui-body">
        <!-- 选项卡内容区域 -->
        <div class="layui-tab" lay-filter="demo" lay-allowClose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="111" >首页</li>
<%--                <li lay-id="222">角色管理</li>--%>
<%--                <li lay-id="333">权限分配</li>--%>
            </ul>
            <div class="layui-tab-content">
                <!-- 内容主体区域 -->
                <div style="" class="layui-tab-item layui-show">
                    <fieldset class="layui-elem-field">
                        <legend>网络渠道信息</legend>
                        <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
                        <div id="main" style="width: 700px;height:350px;padding-top: 15px;"></div>
                    </fieldset>
                    <%--<fieldset class="layui-elem-field">--%>
                        <%--<legend>控制台-最新公告</legend>--%>

                    <%--</fieldset>--%>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © 民生 - 患者信息登录
    </div>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.all.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/index.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/javascript/echart.js"></script>

<script>
    /*页面初始化查询数据*/
    $(function () {
        queryData();
    });


    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '今日数据'
        },
        tooltip: {},
        legend: {
            data:['录入/到院量']
        },
        // xAxis: {
        //     data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
        // },
        xAxis: {
            data: ["--","今日录入量","今日到院量","--"]
        },
        yAxis: {},
        series: [{
            name: '录入/到院量',
            type: 'bar',
            // data: [0,100, 150,0]
        }]
    };

    // // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option);

    /*页面初始化查询数据*/
    function queryData() {
        $.ajax({
            url : '${pageContext.request.contextPath}/repnet/todayinfo',//数据接口
            type : 'GET',
            dataType : 'json',
            // data: {},
            success : function(data) {
                if(data){//此data为后台返回数据
                    option.series[0].data = [0,data.data.todayEnterCount,data.data.todayInHosCount,0];
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                } else {
                    layer.msg("未获取到日志信息");
                }
            }

        });
    }

    function selfInfo() {
        layer.open({
            type: 2,
            title: "基本信息",
            shadeClose: true,
            shade: 0.8,
            area: ["900px", "400px"],
            content: "${pageContext.request.contextPath}/admin/selfinfo",
            cancel: function (index, layero) {
                $(".dw-refresh").trigger('click');
                // return false;
            }
            // , end:function(){
            //     console.log("刷新主页面")
            //     location.reload();//弹出层结束后，刷新主页面
            // }
        });
    }

</script>
</body>
</html>
